
ul,
li{
padding:0;
margin:0;
list-style:none;
}
#outer-box{
height:100%;
padding-right:300px;
}

.proplane {
    position:absolute;
    top:10px;
    right:10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.amap-container{
    position:absolute;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
}

#projectsListPanel {
overflow:auto;
z-index:999;
border-left:1px solid #eaeaea;
background:#fff;
top:34px;
height: calc(100% - 44px);
}

.projects-title {
    position:absolute;
    top:30px;
    left:30px;
    width: 200px;
    max-width: 400px;
    height: 72px;
    font-size: 14px;
    color: #fff;
    padding: 15px;
    background:rgba(71,86,105,0.8);
    border-radius: 5px;
}
.projects-list-panel {
    position:absolute;
    top:30px;
    right:30px;
    width: calc(30% - 30px);
    max-width: 300px;
    height: calc(70% - 50px);
    background:rgba(71,86,105,0.2);
    border-radius: 5px;
}

.projects-list-panel .title {
    height: 24px;
    color:#fff;
    background:rgba(71,86,105);
}

.chart-pie-projects {
position:absolute;
left:30px;
bottom:15px;
width: calc(30% - 45px);
height: calc(30% - 30px);
background:rgba(71,86,105,0.2);
border-radius: 5px;
}

.chart-line-projects {
position:absolute;
bottom:15px;
right:30px;
width: calc(70% - 45px);
height: calc(30% - 30px);
background:rgba(71,86,105,0.2);
border-radius: 5px;
}
.in_project_btn {
    padding: 5px 10px;
    border-radius: 5px;
    right:10px;
    background:#fff;
    border:1px solid rgba(71,86,105,1);
}
.in_project_btn:hover {
    color:rgb(9, 153, 248);
    cursor: pointer;
    border:1px solid rgb(14, 107, 230);
}
.ct_panel {
    background:#fff;   
}
#btnList{
position:absolute;
right:300px;
top:0;
padding:0;
margin:0;
z-index:999;
}
#btnList li{
padding:5px;
}
#btnList input{
padding:3px 10px;
min-width:120px;
}
li.poibox{
border-bottom:1px solid #eaeaea;
border-left:2px solid rgba(0,0,0,0);
padding:10px 3px;
cursor:pointer;
}
li.poibox.selected{
border-left-color:#f00;
background:#f6f6f6;
}
li.poibox:hover{
background:#f6f6f6;
}
li.poibox:last-child{
border-bottom:none;
}
h3.poi-title{
margin:3px 0;
font-size:13px;
}
.poibox .poi-info-left{
padding-left:8px
}
.poi-addr{
margin:7px 0 0;
}
.poibox .poi-imgbox{
width:100px;
height:74px;
vertical-align:top;
float:right;
margin:0 8px;
overflow:hidden
}
.poibox .poi-img{
display:inline-block;
width:100%;
height:100%;
background-size:cover;
background-position:50% 50%;
}
.amap-simple-marker.my-marker .amap-simple-marker-label{
font-size:12px;
color:#eee;
font-family:sans-serif;
}
.selected .amap-simple-marker.my-marker .amap-simple-marker-label{
font-size:14px;
color:orange;
font-weight:700;
}
@-webkit-keyframes flash{
from,
50%,
to{
opacity:1;
}
25%,
75%{
opacity:0;
}
}
@keyframes flash{
from,
50%,
to{
opacity:1;
}
25%,
75%{
opacity:0;
}
}
.flash{
-webkit-animation-name:flash;
animation-name:flash;
}
.animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.scrollbar1::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
background-color:#fff;
}
.scrollbar1::-webkit-scrollbar{
width:6px;
background-color:#fff;
}
.scrollbar1::-webkit-scrollbar-thumb{
background-color:#aaa;
}
.clear{
clear:both;
}
